<template>
  <div class="layout-container">
    <header style="background: #f40">

      <slot name="header"></slot>
    </header>
    <main style="background: lightblue">

      <slot></slot>
    </main>
    <footer style="background: yellow">

      <slot name="footer"></slot>
      
      <slot></slot>
    </footer>
  </div>
</template>

<script>
export default {};
</script>

<style></style>
